<template>
  <div id="footer">
	<!-- pc footer start -->
	<div class="pc-footer after-clear">
	 	<div class="fLogo">
	 		<router-link to="/home"><img src="./../../assets/images/logo2.png" /></router-link>
	 	</div>
	 	<div class="fnav after-clear">
	    	<router-link to="/about">关于我们</router-link>
	    	<span>/</span>
	    	<router-link to="/club">会员俱乐部</router-link>
	    	<span>/</span>
	    	<router-link to="/socialMedia">媒体对接</router-link>
	    	<span>/</span>
	    	<a href="https://www.slh.com/travel-agents/" target="_blank">旅行社</a>
	    	<span>/</span>
	    	<router-link to="/weChat">微信精选</router-link>
	    	<span>/</span>
	    	<a href="http://www.joinslh.com/" target="_blank">加入我们</a>
	  	</div>
	  	<div class="copyRight">©<a href="#">全球奢华精品酒店</a>&nbsp;&nbsp;&nbsp;&nbsp;备案号：京ICP备05063701号-98</div>
	</div>
	<!-- pc footer end -->

	<!-- mobile footer start -->
	<footer class="m-footer">
	  <div class="radiusBox"><i></i></div>
	  <div class="showaBox" @click="switchFooter"></div>
	  <div class="social after-clear">
	    <a href="http://i.youku.com/i/UMzA0NjY1MjA0/videos?spm=a2hzp.8244740.0.0" class="youku it"><img src="./../../assets/images/mobile/youku.png" /></a>
	    <div class="weixin">
	        <a href="javascript:" class="wx"><img src="./../../assets/images/mobile/weixin.png" /></a>
	        <div class="ewmBox"><img src="./../../assets/images/ewm.png" /></div> 
	    </div>
	    <a href="http://weibo.com/smallluxuryhotels" class="weibo it"><img src="./../../assets/images/mobile/weibo.png" /></a>
	  </div>
	  <div class="aBox after-clear" v-show="footerOpen">
	      <router-link to="/about">关于我们</router-link>
	      <router-link to="/club">会员俱乐部</router-link>
	      <router-link to="/socialMedia">媒体对接</router-link>
	      <a href="https://www.slh.com/travel-agents/" target="_blank">旅行社</a>
	      <router-link to="/weChat">微信精选</router-link>
	      <a href="http://www.joinslh.com/" target="_blank">加入我们</a>
	  </div>
	  <div class="copyRight">©<a href="#">全球奢华精品酒店</a>&nbsp;&nbsp;&nbsp;&nbsp;备案号：京ICP备05063701号-98</div>
	</footer>
	<!-- mobile footer end -->

	<!-- right sidebar start -->
	<div class="right-sidebar">
		<div class="item">
			<a href="http://i.youku.com/i/UMzA0NjY1MjA0/videos?spm=a2hzp.8244740.0.0" class="youku" target="_blank">优酷</a>
			<a href="#" class="weibo">微博</a>
			<div class="weixin">
				<a href="http://weibo.com/smallluxuryhotels" class="wx" target="_blank">微信</a>
				<div class="ewm"><img src="./../../assets/images/ewm.png" /></div>
			</div>
		</div>
	  <a class="goBack" id="J_goBack" href="javascript:">go back</a>
	</div>
	<!-- right sidebar start -->
  </div>
</template>

<script>

export default {
  name: 'footer',
  data () {
    return {
      footerOpen: false
    }
  },
  methods: {
    switchFooter () {
      this.footerOpen = !this.footerOpen
    }
  }
}
</script>

